.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh{
	display: flex;
}
html,doby{
	width: 100%;
	height: 100%;
    
}
#box{
	width: 100%;
     header{
		.px2rem(height,96);
		width: 100%;
		.px2rem(line-height,96);
		background: #fff;
        position: fixed;
        top: 0;
        border-bottom: 1px solid #ccc;
        position: fixed;
        top: 0;
		ul{
			.txh;
			justify-content:space-between;
			color:#d93a55;
			.px2rem(font-size,30);
			position: relative;
			li:nth-child(1) img{
				padding-left: 10px;
				
			}
			li:nth-child(3) img{
				padding-top: 10px;
				padding-right: 10px;
			}
		}
		.chu{
            .px2rem(width,241);
            .px2rem(height,228);
            .px2rem(border-radius,15);
            background: #323232;
            opacity: 0.7;
            
            position: absolute;
            top: 80px;
            right: 20px;
            .px2rem(line-height,74);
            display: none;
              ol{
                
                a{
                    display: block;color: #fff;
                li{
                   img{ 
                    padding-left: 20px;
                    padding-right: 20px;
                   }
                }
                }
            }
        }
	}
	section{
		flex:1;
		.px2rem(margin-top,96);
		ul{
		  .txh;
		  margin-top: 15%;
		  li:nth-child(1){
		  	.px2rem(height,73);
		  	.px2rem(width,545);
		  	.px2rem(line-height,73);
		  	border: 1px solid #ccc;
		  	margin-left: 5%;
             .px2rem(border-radius,10);
		  }
		  li:nth-child(2) button{
		  	.px2rem(height,73);
		  	.px2rem(width,120);
		  	border: 1px solid #ccc;
		  	margin-left: 10%;
		  	.px2rem(font-size,28);
		  	background: #df5667;
		  	color: #fff;
		  	.px2rem(border-radius,10);
		  }
		}
	}

	}